<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>I would like to say:</p>
		<div id="d1">
			<div></div>
		</div>
		<span id="span1">
			<div>
				<div>
					<p id="p1">I would like to say:</p>
				</div>
			</div>
		</span>
		<script src="../js/jquery-3.5.1.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$("p").appendTd("div");
			/* 
			内部插入：都插入子元素
				$(选择器).append(选择器)
				$("p").append("div");
					往p标签最后插入div标签
				$("p").appendTo("div");
					往div标签最后插入p标签
				$("p").prepend("div");
					往p标签最前面插入div标签
				$("p").prependTo("div");
					往div标签最前面插入p标签
					
			外部插入：平级元素
				$(选择器).after(内容);
				$("p").after("div");
				$("p").before("div");
				$(选择器).insertBefore(选择器);
				$(选择器).insertAfter(选择器);
			 */
			
			// $("p").wrap("#d1"); //将p标签插入id为d1的标签中
			// $("p").wrap("#span1"); 
			// $("p").wrap("div"); //将p标签插入到div标签中
			// $("p").wrap("<div class='wrap'></div>"); 
			//unwiap():去除父标签，只去除最近的一层
		</script>
	</body>
</html>
